EDIMH Photoshop: Arquitectura Tipográfica

Módulo 2: Arquitectura Tipográfica y
Jerarquía Visual

El objetivo de este módulo es enseñar al alumno a manipular el texto como si fuera una forma geométrica más. Dominaremos las matemáticas del espacio entre letras y la psicología detrás de la elección tipográfica para construir mensajes que guíen el ojo del espectador de manera dictatorial.

1. Teoría del Diseño: La Voz Visible

Clasificación Tipográfica Comercial:

Las letras tienen tono de voz. No elegimos tipografías porque se ven "bonitas", las elegimos por su función:

  • Serif (Con remates): Transmiten tradición y elegancia. Son el estándar para bloques de texto largos en medios impresos porque los remates guían el ojo en la lectura.
  • Sans Serif (Palo seco): Limpias y modernas. Estándar obligatorio para el diseño de interfaces web y móviles por su alta legibilidad en pantallas.
  • Display (Decorativas): Letras diseñadas para impacto masivo y títulos gigantes. Por ejemplo, al proyectar los bocetos para el rediseño del mural en las oficinas de COPRISEH, este es el tipo de tipografía que utilizamos para asegurar que el mensaje central se lea con fuerza desde varios metros de distancia, pero jamás se usan para un párrafo de lectura.
R
SERIF
R
SANS SERIF
R
DISPLAY
LA VOZ Y FUNCIÓN DE LA LETRA
LEADING
Interlineado Vertical
TRACK
TRACKING
Espacio Global
AV
KERNING
Ajuste entre pares
MATEMÁTICAS DEL ESPACIO TIPOGRÁFICO

Anatomía Microscópica (El control del aire)

La diferencia entre un diseño amateur y uno de agencia está en el control del "aire" (espacio blanco) alrededor de la letra.

Interlineado (Leading):

El espacio vertical entre renglones. La regla de oro es que debe ser al menos un 120% al 150% del tamaño de la fuente. Si los renglones están muy apretados, el lector se asfixia y abandona la lectura.

Tracking:

El espaciado global y uniforme entre todas las letras de una palabra. Aplicar un tracking amplio (letras separadas) a un subtítulo en mayúsculas le otorga instantáneamente un aspecto "premium" y elegante.

Kerning:

El ajuste quirúrgico y manual entre dos letras específicas (ej. la "A" y la "V"). En titulares masivos, el espacio que la computadora asigna por defecto suele generar huecos visuales horribles; el ojo humano debe intervenir para equilibrar el peso.

Jerarquía Visual y Carga Cognitiva

Llenar cada centímetro del lienzo con información es un error fatal. Dividiremos el texto en tres niveles estrictos:

  • 1) Título (Grita): El anclaje principal.
  • 2) Subtítulo (Habla): Da contexto secundario.
  • 3) Cuerpo de texto (Susurra): Lectura detallada.

El Espacio Negativo (zonas vacías sin elementos) es tu herramienta más poderosa para reducir la carga cognitiva, permitiendo que el cerebro procese el mensaje principal sin estrés.

AIRE
ZONAS DE DESCANSO Y NIVELES DE LECTURA

2. Desarrollo Técnico: Hackeando el Panel

Para moldear las palabras, los alumnos deben dejar de usar la herramienta de texto como si estuvieran en Word y empezar a usarla como un cincel.

Herramienta Texto (T) - El error de la caja:

Texto de Punto (Un solo clic): Ideal para titulares. No tiene fronteras; si el alumno escribe un párrafo entero, el texto seguirá de largo y se saldrá del lienzo.

Texto de Caja (Clic y arrastrar): Crea una frontera invisible (Caja delimitadora). Vital para acomodar bloques informativos, asegurando que el texto respete los márgenes del diseño sin invadir otros elementos.

PUNTO
TITULAR INFINITO...
CAJA
LIBERTAD VECTORIAL VS FRONTERA FÍSICA
A
VECTOR (EDITABLE)
A
PIXEL (CONGELADO)
DESTRUCCIÓN VECTORIAL (RASTERIZE)

Paneles de Carácter y Párrafo:

Desde Carácter controlamos las matemáticas del Kerning/Tracking. Desde Párrafo dictamos alineaciones. Regla estricta: Desactivamos OBLIGATORIAMENTE la casilla de "Separar" (guiones), la cual destruye la estética de cualquier bloque publicitario.

Rasterización (La muerte de la edición):

La tipografía en Photoshop es un vector vivo. Si queremos aplicarle efectos destructivos (borrarle una parte, fusionarla), debemos Rasterizar Texto. Al hacer esto, la letra deja de ser texto y se convierte en píxeles congelados. Si había un error ortográfico, ya no se puede corregir con el teclado.

Alineación Espacial Automática:

Usaremos los controles de alineación en la barra superior para anclar el texto matemáticamente respecto al lienzo, eliminando el posicionamiento "a ojo".

3. Atajos de Teclado Vitales (Tipografía Fluida)

T

Llama a la herramienta de Texto al instante.

Enter (Numérico) o Ctrl + Enter

Confirma y aplica el texto escrito para salir del modo de edición sin tener que buscar la palomita en la barra superior.

Alt + Flechas (Izq / Der)

El atajo maestro de las agencias. Con el cursor entre dos letras, ajusta el Kerning visualmente en tiempo real. Si se selecciona toda la palabra, ajusta el Tracking.

Alt + Flechas (Arriba / Abajo)

Ajusta el Interlineado (Leading) de un bloque de texto sobre la marcha, permitiendo ver cómo respira el párrafo instantáneamente.